<template>
    <ul class="sysMsgList">
        <li v-for="dt in lists" :key="dt.messageId">
            <div class="time">{{dt.createTime}}</div>
            <div class="con">{{dt.messageTitle}}</div>
        </li>
        <!-- <li v-for="dt in lists" :key="dt.messageId">
            <div class="time">{{dt.createTime}}</div>
            <div class="con">您购买的商品[订单编号]已发货</div>
        </li>
        <li v-for="dt in lists" :key="dt._id">
            <div class="time">{{mt.timestampTodatetime2(dt.createTime)}}</div>
            <div class="con">恭喜您赢得商品[商品名称商品名称]的拍卖，请<a>点击此处立即付款</a></div>
        </li> -->
    </ul>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import {toast,mt} from '@/utils/common.js'
export default {
    props:{
        lists:Array
    },
    components:{
        
    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })

        return{
            ...toRefs(state),
            mt
        }
    }
}
</script>

<style lang="scss" scoped>
    .sysMsgList{
        padding: 0 0 30px 0;
        margin: 0;
        list-style: none;
        li{
            &+li{
                margin: 30px 0 0 0;
            }
            .time{
                text-align: center;
                font-size: 24px;
                color: #809191;
                padding: 0 0 20px 0;
            }
            .con{
                font-size: 28px;
                border-radius: 20px;
                line-height: 44px;
                border: 1px solid rgba(255, 255, 255, 0.5);
                padding: 20px 30px;
                a{
                    color: var(--baseColor);
                    text-decoration: underline;
                }
            }
        }
    }
</style>